
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0
            }
li{
    list-style: none;
}
li a{
    text-decoration: none;
}

$red:#fc002d;

// header nav div 组成头部
header{
    width: 100%;
    height: 30px;
    background-color: #f6f6f6;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    .content{
        width: 1200px;
        height: 30px;
        margin: 0 auto;
        
        .left{
            width: 312px;
            float: left;
            display: flex;
            justify-content: space-between;
            color: #474747;
            line-height: 30px; 
            li{
                height: 30px;
                list-style: none;
                font-size: 12px;     
                        
            }
            span{
                color: #d3ccd3;
            }
        }
        .right{
            width: 130px;
            float: right;
            display: flex;
            color: #474747;
            line-height: 30px; 
            display: flex;
            justify-content: space-between;
            li{
                height: 30px;
                font-size: 12px;
                list-style: none;
            }
            span{
                color: #d3ccd3;
            }
            .lcar{
                position: relative;
                .shopcar{
                    display: block;
                    width: 20px;
                    height: 20px;
                    background-color: $red;
                    border-radius: 50%;
                    position: absolute;
                    top: -4px;
                    right: -11px;
                    color: white;
                    text-align: center;
                    line-height: 20px;
                }
            }
        }
    }
}
nav{
    width: 100%;
    height: 112px;
    background-color: white;
    padding-top: 20px;
    .content{
        width: 1200px;
        height: 112px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        
        .left{
            height: 112px;
            width: 329px;
            float: left;
            img{
                height: 112px;
                width: 329px;
            }
        }
        .center{
            width: 600px;
            height: 58px;
            float: left;
            form{
                width: 600px;
                height: 34px;
                border: 2px solid $red;
                border-radius: 30px;
                overflow: hidden;
                input{
                    width: 480px;
                    height: 30px;
                    border: none;
                    margin: 5px;
                    outline: none;
                }
               
                button{
                    width: 74px;
                    height: 34px;
                    background-color: $red;
                    border: none;
                    float: right;
                    color: white;
                    font-size: 15px;
                    letter-spacing: 5px;
                    outline: none;
                }
            }
            ol{
                background-color: white;
                border: 1px solid #ccc;
                border-top: none;
                padding-left: 10px;
                width: 502px;
                margin-left: 14px;
                position: absolute;
                z-index: 999;
                li{
                    
                    height: 30px;
                    
                }
            }
            ul{     
                margin-left: 15px;           
                height: 18px;
                width: 300px;
                display: flex;
                justify-content: space-around;
                font-size: 12px;
                margin-top: 4px;
                a{
                    color:#474747;
                }
            }
        }
        .right{
            width: 100px;
            height: 80px;
        }
    }
}
.nav{
    width: 100%;
    height: 35px;
    background-color: $red;
    .content{
        width: 1200px;
        margin: 0 auto;
        ul{
            width: 700px;
            display: flex;
            justify-content: space-between;
            height: 35px;
            line-height: 35px;
            a{
                color: white;
            }
        }
    }
}

